.reader-post-options-menu,
.reader-post-options-menu .ellipsis-menu {
	.button.is-borderless {
		color: var( --color-text-subtle );

		&:hover,
		&:active {
			color: var( --color-primary );
		}

		&:focus {
			outline: thin dotted;
		}
	}

	.ellipsis-menu__toggle {
		padding: 0;
	}

	&.is-menu-visible .button.is-borderless {
		color: var( --color-primary );
	}
}

.reader-post-options-menu__hr {
	margin: 8px 0;
	background: var( --color-neutral-0 );
}

.reader-post-options-menu__popover {
	.popover__menu {
		min-width: 212px;
	}

	.popover__menu .follow-button,
	.popover__menu .conversation-follow-button {
		color: var( --color-primary );
		padding: 9px 16px;

		.gridicon {
			top: 3px;
			margin-right: 8px;
			padding-right: 0;

			&:hover {
				fill: var( --color-text-inverted );
			}
		}

		&:hover,
		&:focus {
			background-color: var( --color-primary );
			color: white;

			.gridicon {
				fill: var( --color-text-inverted );
			}

			.follow-button__label,
			.conversation-follow-button__label {
				color: var( --color-text-inverted );
			}
		}

		.follow-button__label,
		.conversation-follow-button__label {
			@include breakpoint-deprecated( '<660px' ) {
				display: inline-block;
			}
		}
	}
}

.popover__menu-item.reader-post-options-menu__blog-sticker-menu-item {
	padding: 6px 16px 9px;
	width: 100%;

	&:last-child {
		margin-bottom: 0;
	}

	&.has-sticker {
		color: var( --color-error );

		.gridicon {
			fill: var( --color-error );
		}

		&:hover,
		&:focus {
			color: var( --color-text-inverted );
			background: var( --color-error );

			.gridicon {
				fill: var( --color-text-inverted );
			}
		}
	}
}
